<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/01.css">
    <style>
    </style>
</head>
<body>
    <!-- 标题 -->
   <a href="" name="a1"></a>
    <div class="title" >
        <ul >
            <li name="#a1">
                <a href="#" class="logo"></a>
            </li>
            <li>娱乐</li>
            <li class="weight">文史</li>
            <li>股票</li>
            <li>教育</li>
            <li>体育</li>
            <li>美食</li>
            <li>育儿</li>
            <li>星座</li>
            <li>
                <select name="" id="">
                    <option value="">排行榜</option>
                </select>
            </li>
            <li>博客地图</li>
        </ul>
    </div>
    <!-- 身体部分 -->
    <div class="shenti">
        <div class="shenti1">
            <!-- 大图 -->
            <div>
                <img class="tu1" src="./images/2.png" alt="">
            </div>
            <!-- 最新内容 -->
            <div class="new">
                    <span>最新内容</span>
            </div>
            <div class="neirong">
                <ul>
                    <li>
                        <p class="p1">明光宗郭妃为何去世后两年才下葬？</p>
                        <p class="p2">郭妃是明光宗朱常洛的正妻，连个皇后的名号也没有混上便早早地撒手人寰了，而且去世后也没有及时入土为安，一直停置在宫中两年后才正式下葬，...[详细]</p>
                        <div class="touxiang">
                            <div>
                                <img class="touxiang1" src="./images/touxiang1.png" alt="">
                                <span>陈令申</span>
                            </div>
                            <div>
                                <span>3月25日&nbsp;&nbsp;10:00</span>
                                <img class="pinglun" src="./images/pinlun.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <p class="p1">
                            明清两代的科场案7咸丰戊午科场案
                        </p>
                        <p class="p2">
                            明清两代的科场案7——科举偶谈之七我楚狂人二、清代主要的科场案3（三）咸丰戊午科场案咸丰八年（1858年），顺天府乡试中发生了戊午科场案...
                        </p>
                        <div class="touxiang">
                            <div>
                                <img class="touxiang1" src="./images/touxiang2.png" alt="">
                                <span>我是狂人</span>
                            </div>
                            <div>
                                <span>3月25日&nbsp;&nbsp;&nbsp;8:07</span> 
                                <img class="pinglun" src="./images/pinlun.png" alt="">
                                <span>1</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 身体部分右边 -->
        <div class="shenti2">
            <div class="denglu">
                <p>新浪博友，欢迎回来！</p>
                <input class="denglu1" type="text" placeholder="微博、博客、邮箱、手机号">
                <input class="denglu1" type="password" placeholder="请输入密码">
                <div class="anniu">
                    <a href="">登录</a>
                    <div class="zidong"><input type="checkbox" name="" id="">下次自动登录</div>
                </div>
                <div class="anniu">
                    <div class="zidong1"><span>立即注册&nbsp;&nbsp;忘记密码</span></div>
                    <div class="zidong2"><span>帮助中心</span></div>
                </div>
            </div>
            <!-- 精彩推荐 -->
            <div class="jingcai">
                <h4>精彩推荐</h4> 
                <div class="jingcai1">
                    <div><img src="./images/3.png" alt=""></div>
                    <div>
                        <h5>
                            宋朝“三结合”治疫的历史借鉴
                        </h5>
                        <span>
                            据史料统计， 两宋320年间共发生瘟疫49次，平均6.5年一次。
                        </span>
                    </div>
                </div>
                <div class="jingcai1">
                    <div><img src="./images/4.png" alt=""></div>
                    <div>
                        <h5>
                            衙内现象：敬其父，不必兼其子
                        </h5>
                        <span>
                            既然都懂敬其父者不兼其子 的道理，那为什么"衙内现象" 还得以长期盛行呢？
                        </span>
                    </div>
                </div>
                <div class="jingcai1">
                    <div><img src="./images/5.png" alt=""></div>
                    <div>
                        <h5>
                            朱元璋对哪些帝王行陵寝祭祀之仪？
                        </h5>
                        <span>
                            洪武元年（公元1368年），高皇帝（朱元璋）命令，以太牢祭祀三皇。
                        </span>
                    </div>
                </div>
            </div>
            <div class="guanggao">
                <img src="./images/6.png" alt="">
            </div>
        </div>
    </div>
    
    <a class="dianti" href="#a1" ></a>
</body>
</html>